<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<wicket:extend>
  <div id="message">
    Profile Management - customize or make changes to your profile.
  </div>
  <form wicket:id="profileMgmtForm" name="profileMgmtForm" class="fancy-form">
    <fieldset>
    <legend>Editing Profile</legend>
    <span wicket:id="feedback">[Edit Profile Feedback]</span>
    <table>
      <tr>
        <td colspan="2"><label>Firstname *</label></td>
        <td colspan="2">
         <span wicket:id="firstNameBorder"><input name="firstName" wicket:id="firstName" type="text" maxlength="100" tabindex="1" /></span>
        </td>
      </tr>
      <tr>
        <td colspan="2"><label>Lastname *</label></td>
        <td colspan="2">
          <span wicket:id="lastNameBorder"><input name="lastName" wicket:id="lastName" type="text" maxlength="100" tabindex="2" /></span>
        </td>
      </tr>
      <tr>
        <td colspan="2"><label>Username *</label></td>
        <td colspan="2">
          <span wicket:id="usernameBorder"><input name="username" wicket:id="username" type="text" maxlength="100" tabindex="3" /></span>
        </td>
      </tr>
      <tr>
        <td colspan="2"><label>Gender *</label></td>
        <td>
         <span wicket:id="genderBorder">
          <span wicket:id="genderRadio">
           <input wicket:id="maleRadio" type="radio" tabindex="4">Male</input>&nbsp
           <input wicket:id="femaleRadio" type="radio" tabindex="5">Female</input>
          </span>
         </span>
        </td>
      </tr>
      <tr>
       <td colspan="2"><label>Location</label></td>
       <td colspan="2"><input name="location" wicket:id="location" type="text" maxlength="100" tabindex="6" /></td>
      </tr>
      <tr>
       <td colspan="2"><label>Contact #</label></td>
       <td colspan="2"><input name="contact" wicket:id="contact" type="text" maxlength="100" tabindex="7" /></td>
      </tr>
      <tr>
       <td colspan="2"><label>Avatar</label></td>
       <td colspan="2">
         <span wicket:id="photoContainer">
           <img wicket:id="photoImg" width="128" height="128"/>
         </span>
         <input wicket:id="upload" type="file" tabindex="8" />
         <input wicket:id="uploadButton" name="uploadBttn" value="Upload" type="submit" tabindex="9" style="float: right;"/>
       </td>
      </tr>
      <tr>
       <td colspan="2"><label>Bio Info</label></td>
      </tr>
      <tr>
       <td></td>
       <td colspan="4">
        <textarea wicket:id="bioInfo" rows="4" cols="50" tabindex="10">
          [Say something about yourself.]
        </textarea>
       </td>
      </tr>
      <tr>
       <td colspan="4">
         <input wicket:id="updateButton" type="submit" name="updateBttn" value="Update" class="submit" tabindex="11" />
         <input wicket:id="discardButton" name="discardBttn" value="Discard changes" type="submit" class="submit" tabindex="12" />
       </td>
      </tr>
    </table>
    </fieldset>
  </form>
</wicket:extend>
</html>
